<template>
  <div id="about">
  	<img class="swiper-slide-img"  src="./img/1.jpg" alt="activity">
  	<img class="swiper-slide-img"  src="./img/2.jpg" alt="activity">
  	<img class="swiper-slide-img"  src="./img/3.jpg" alt="activity">
  	<img class="swiper-slide-img"  src="./img/4.jpg" alt="activity">
  	<img class="swiper-slide-img"  src="./img/5.jpg" alt="activity">
  	<img class="swiper-slide-img"  src="./img/6.jpg" alt="activity">
  	<img class="swiper-slide-img"  src="./img/7.jpg" alt="activity">
  	<img class="swiper-slide-img"  src="./img/8.jpg" alt="activity">
  	<img class="swiper-slide-img"  src="./img/9.jpg" alt="activity">
    <!-- 头部轮播图-->
    <!--<div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img class="swiper-slide-img"  src="./img/1.jpg" alt="activity">
        </div>
        <div class="swiper-slide">
          <img class="swiper-slide-img"  src="./img/1.jpg" alt="activity">
        </div>
        <div class="swiper-slide">
          <img class="swiper-slide-img"  src="./img/1.jpg" alt="activity">
        </div>
      </div>
      <div class="swiper-pagination"></div>
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
    </div>-->
  </div>
</template>

<script>
import Swiper from 'swiper'
import 'swiper/dist/css/swiper.min.css'
export default {
  	name: 'about',
  	data() {
      return {

      }
  	},
  	computed: {
    },
    mounted(){
//      const mySwiper = new Swiper ('.swiper-container', {
//          loop: true, // 循环模式选项
//          autoplay: true,//可选选项，自动滑动
//          // 如果需要分页器
//          pagination: {
//              el: '.swiper-pagination',
//              clickable: true,
//          },
//          navigation: {
//              nextEl: '.swiper-button-next',
//              prevEl: '.swiper-button-prev',
//          },
//      });
    },
    methods: {

    },
    components: {
    }
}
</script>

<style lang="less">
@import	"../../css/common";
.swiper-slide{
  vertical-align: middle;
}
#about{
  margin-top:20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.swiper-slide-img{
  width:90%;
  margin:0px auto 20px auto;
}

</style>